<template>
  <div class="login-list">
    <page-header
      v-bind="loginLogHeaderConfig"
      @searchClick="searchClick"
      @resetClick="resetClick"
    />
    <page-content ref="pageContentRef" v-bind="loginLogContentConfig">
      <template #logStatus="row">
        <el-button
          size="small"
          plain
          :type="row[row.prop] === 20000 ? 'success' : 'danger'"
          >{{ row[row.prop] === 20000 ? '成功' : '失败' }}
        </el-button>
      </template>
    </page-content>
  </div>
</template>

<script setup lang="ts">
import PageHeader from '@/components/page-header/page-header.vue'
import loginLogHeaderConfig from '@/views/main/system/log/LoginList/config/header-config'
import PageContent from '@/components/page-content/page-content.vue'
import loginLogContentConfig from '@/views/main/system/log/LoginList/config/content-config'
import usePageHeader from '@/hooks/use-page-header'

const { pageContentRef, searchClick, resetClick } = usePageHeader()
</script>

<style scoped lang="less">
.login-list {
}
</style>
